<aside class="card">
    <h3 style="margin:0 0 0.5rem 0;">📋 进度追踪</h3>
    <p style="margin:0 0 1.5rem 0;color:var(--text-secondary);font-size:0.9375rem;">
        记录从发现错误到老师批阅的全过程
    </p>
    
    <ul class="timeline">
        <li class="timeline-item">
            <span class="timeline-dot"></span>
            <div class="timeline-content">
                <strong>创建错题</strong>
                <p>{{ mistake.created_at|date:"Y-m-d H:i" }}</p>
            </div>
        </li>
        <li class="timeline-item {% if mistake.status == mistake.Status.DRAFT %}inactive{% endif %}">
            <span class="timeline-dot"></span>
            <div class="timeline-content">
                <strong>提交老师批阅</strong>
                {% if mistake.submitted_at %}
                    <p>{{ mistake.submitted_at|date:"Y-m-d H:i" }}</p>
                {% else %}
                    <p>等待学生提交</p>
                {% endif %}
            </div>
        </li>
        <li class="timeline-item {% if mistake.status != mistake.Status.RESOLVED %}inactive{% endif %}">
            <span class="timeline-dot"></span>
            <div class="timeline-content">
                <strong>老师点评完成</strong>
                {% if mistake.resolved_at %}
                    <p>{{ mistake.resolved_at|date:"Y-m-d H:i" }}</p>
                {% else %}
                    <p>等待老师点评</p>
                {% endif %}
            </div>
        </li>
    </ul>
</aside>
